<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>设置签名</title>
    <link rel="stylesheet" href="./style.css">
    <script src="/assets/plugins/jquery/jquery-1.10.2.min.js"></script>
</head>
<body>


<div id="signature-pad" class="signature-pad">
    <div class="signature-pad--body">
        <canvas>
            Update your browser to support the canvas element!
        </canvas>
    </div>
    <div class="signature-pad--footer">
        <div class="description">Sign above</div>

        <div class="signature-pad--actions">
            <form action="#" enctype="multipart/form-data">
                <label for="fileupload" id="buttonlabel">
            <span role="button" aria-controls="filename" tabindex="0">
              选择本地签名图片
            </span>
                </label>
                <input type="file" id="fileupload" accept="image/*">
            </form>
            <div>
                <button type="button" class="button clear" data-action="clear">清空画板</button>
                <button type="button" class="button" data-action="change-color" style="display:none">更换颜色</button>
                <button type="button" class="button" data-action="undo">撤回</button>

            </div>
            <div>
                <button type="button" class="button save" data-action="save-svg" style="background: #2E8B57;color:white;">保存签名</button>
                <button type="button" class="button save" data-action="save-png" style="display:none">保存签名</button>
                <button type="button" class="button save" data-action="save-jpg" style="display:none">保存签名</button>
            </div>
        </div>
    </div>
</div>

<script src="/module/httpUtils.js"></script>
<script src='signature_pad.min.js'></script>
<script src="./script.js"></script>

<script src="/module/config.js"></script>
<script src="/module/plugin/resize/resize.js"></script>
<script src="/module/plugin/mousewheel/mousewheel.js"></script>
<script src="/module/plugin/layout/lr-layout.js"></script>
<script src="/module/plugin/scroll/scroll.js"></script>
<script src="/module/script/lr-form.js"></script>

<script>
    $(function () {
        if (!!window.bootstrap) {
            bootstrap(jQuery, top.learun);
        }
    });
</script>

</body>
</html>
